<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预览页面</title>
    <link rel="stylesheet" href="/static/css/login.css"/>
    <link rel="shortcut icon" href="../../static/images/favicon.ico" type="image/x-icon" />
</head>
<body style="margin:0 auto;" ;>
<div class="d1" style="{{images}}">
    <div class="d2">
        {% csrf_token %}
        <div class="a1 a2">
            <label for="account" class="a4">账号</label>
        </div>
        <div style="position:absolute; z-index:2; left:30%; top:20%">
            <input id="account" disabled="" class="d3">
        </div>
        <br>
        <div class="a1 a3">
            <label for="pwd" class="a4">密码</label>
        </div>
        <div style="position:absolute; z-index:2; left:30%; top:40%">
            <input id="pwd" disabled="" class="d3">
        </div>
        <br>
        <div style="position:absolute; z-index:2; left:20%; top:60%;background-color: #30563bb8">
            <a><input type="submit" value="登录" class="d4";></a>
        </div>
        <div style="position:absolute; z-index:2; left:20%; top:75%;background-color: #30563bb8">
            <a><input type="submit" value="人脸识别" class="d4";></a>
        </div>
    </div>
</div>
<script src="../../static/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    $("body").click(function () {
        // 关闭所有弹出层
        parent.layer.closeAll();
    })
</script>
</body>
</html>
